<template>
  <div class="root-house-mng"> <HouseMngIndex :showMapPopupButtons="false" /> </div>
</template>

<script lang="ts">
  import { defineComponent } from 'vue';

  import { useGlobSetting } from '/@/hooks/setting';
  const globSetting = useGlobSetting();
  import { useMessage } from '/@/hooks/web/useMessage';
  const { createMessage } = useMessage();
  const { info, success, warning, error } = createMessage;
  import HouseMngIndex from './HouseMngIndex.vue';
  import type { UserInfo } from '/#/store';

  const imgList: string[] = [];
  export default defineComponent({
    name: 'HouMng',
    components: {
      HouseMngIndex,
    },
    props: {},
    setup(props, { attrs, emit, slots, expose }) {
      return {
        imgList,
      };
    },
  });
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
  #map {
    height: calc(100vh - 140px);
  }

  .x-houseMng-search {
    z-index: 100;
    margin: 6px;
    position: absolute;
  }

  .root-house-mng-main {
    margin: 6px;
  }

  .x-village-tabs {
    //z-index: 100;
    //position: absolute;
    width: 60vw;
    margin-top: 6px;
    margin-left: 40px;
    //background-color: rgba(34, 34, 34, 0.6);
    :deep(.ant-form) {
      margin-top: 6px;
    }

    // :deep(.ant-form-item-label) > label {
    //   color: white;
    // }
  }
</style>
